.evaluateHead{
  margin: 0 .6rem;
  position: relative;
  height: 2.2rem;
  border-bottom: 1px solid #CCCCCC;
  text-align: center;
  font-size: .8rem;
  color: #333333;
  line-height: 2.2rem;
  .icon{
    position: absolute;
    top: .6rem;
    right: .1rem;
    width: 1rem;
    height: 1rem;
    color:#FF0000;
  }
}
.releaseEvaluate{
  position: absolute;
  top: 14.75rem;
  bottom: 2.5rem;
  width: 100%;
  overflow-y: auto;
  .evaluateWrap {
    margin: 0 .6rem;
    .evaluateMain {
      position: relative;
      padding: .75rem 0;
      height: 4.6rem;
      border-top: 1px solid #CCCCCC;
      &:first-child{
        border-top:none;
      }
      img {
        float: left;
        width: 4.6rem;
        height: 4.6rem;
      }
      .content {
        float: left;
        margin-left: .5rem;
        width: 70%;
        p {
          .fz12;
          color: #666666;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden;
        }
      }
      .function {
        position: absolute;
        right: 0;
        bottom: .75rem;
        li {
          float: left;
          list-style: none;
          margin-left: .75rem;
          font-size: .6rem;
          color: #666666;
          img {
            width: .75rem;
            height: .75rem;
          }
        }
      }
    }
  }
  .evaluateMainFirst {
    text-align: center;
    .Initialization {
      padding-top: 15%;
      p {
        .fz14;
        color: #000000;
      }
      .first {
        margin-top: 1.25rem;
        color: #FF0000;
      }
    }
  }
}
.evaluate-main{
  margin-top: .75rem;
  padding:0 .6rem;
  textarea{
    height: 5.25rem;
    width: 100%;
    color:#333333;
    .fz14;
    border : none;
    resize : none;
  }
  .pic {
    .photo {
      width: 4.6rem;
      height: 4.6rem;
      line-height: 4.6rem;
      text-align: center;
      border:1px solid #CCCCCC;
      background-color: #F5F5F5;
      font-size: 1.5rem;
      font-weight: bold;
      color:#000000;
    }
  }
}
.user_bottom{
  width: 100%;
  height: 33.35rem;
  text-align: center;
  background: rgba(112,112,112,0);
  position: absolute;
  //opacity: 0;
  top: 0;
  z-index: -1;
  .get-photo{
    position: fixed;
    bottom: -8rem;
    left: 0;
    right: 0;
    background-color: rgba(112,112,112,0.5);
    width: 100%;
    height: 7.7rem;
    border-radius: 8px;
    .photo-s{
      margin-bottom: 0.5rem;
      .bot-p{
        border-bottom: 1px solid rgb(210,210,210);
      }
      .photo-c{
        font-size: 0.8rem;
        color: red;
      }
    }
    .cancel-c{
      font-size: 0.8rem;
      color: rgb(129,129,129);
    }
    .bot-s{
      height: 2.4rem;
      line-height: 2.4rem;
    }
    .border-s{
      border: 1px solid white;
      border-radius: .4rem;
      background: #fff;
    }
  }
}
.ad{
  z-index: 1000;
  animation:mymove  100ms;
  animation-fill-mode: forwards;
}
.ad1{
  animation:mymove1 100ms;
  animation-fill-mode: forwards;
}
@keyframes mymove{
  to{
    background-color: rgba(112,112,112,.2);
  }
}
@keyframes mymove1{
  0%{bottom: -8rem;}
  100%{bottom: 0.25rem;}
}